<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>layui</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../lib/layui/css/layui.css" media="all">
    <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
</head>

<body>

    <blockquote class="layui-elem-quote">数据导入时，计算机资源消耗较大，请求上传过程中浏览器卡顿，这属于正常现象，建议将此工作放置在闲置时段进行。</blockquote>
    <button type="button" class="layui-btn layui-btn-primary" id="import"><i class="layui-icon"></i>只允许标准json格式的文件</button>

    <input class="layui-hide" id='id' value="">
    <input class="layui-hide" id='md5path' value="">
    <input class="layui-hide" id='path' value="">

    <script src="../lib/layui/layui.js" charset="utf-8"></script>
    <!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
    <script>
        layui.use('upload', function () {
            var $ = layui.jquery,
                upload = layui.upload;

            upload.render({ //允许上传的文件后缀
                elem: '#import',
                url: '/fdm/uploadjson',
                accept: 'file', //普通文件
                multiple: true,
                exts: 'json', //只允许标准json格式的文件
                auto: true,
                headers: {
                    fid: $('#id').val(), //当前目录ID
                    md5path: $('#md5path').val(),
                    path: $('#path').val(),
                },
                done: function (res) {
                    if (res.code == 0) {
                        console.log(res);
                        layer.msg('任务提交成功，系统处理中', {
                            icon: 1,
                            time: 2000 //3秒关闭（如果不配置，默认是3秒）
                        }, function () {
                            window.parent.layer.closeAll();
                        });
                       
                    } else {
                        console.log(res.msg);
                    }
                },
                error: function (error) {
                    console.error(error);
                }
            });

        });
    </script>

</body>

</html>